<!-- 分公司二审 -->
<template>
  <div>
    <devArticle>
      <Card :bordered="false">
        <p slot="title">分公司二审</p>
        <div class="ivu-table-wrapper">
          <div class="ivu-table ivu-table-default ivu-table-border">
            <div class="ivu-table-header">
              <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <thead>
                  <th style="text-align:center">
                    <div class="ivu-table-cell">分公司二审修改单</div>
                  </th>
                </thead>
              </table>
            </div>
            <div class="ivu-table-body">
              <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tbody class="ivu-table-tbody">
                  <tr class="ivu-table-row">
                    <td>
                      <div class="ivu-table-cell">分公司二审人员</div>
                    </td>
                    <td>
                      <div class="ivu-table-cell"></div>
                    </td>
                    <td>
                      <div class="ivu-table-cell">分公司二审时间</div>
                    </td>
                    <td>
                      <div class="ivu-table-cell">
                        <p>第一次分公司二审：2018-09-15 9:00</p>
                        <p>第二次分公司二审：2018-09-15 16:00</p>
                      </div>
                    </td>
                  </tr>
                  <tr class="ivu-table-row">
                    <td>
                      <div class="ivu-table-cell">修改人员</div>
                    </td>
                    <td>
                      <div class="ivu-table-cell">
                        <template>
                          <Dropdown>
                            <a href="javascript:void(0)">
                              <Button style="background:#f8f8f9;width:100px;color:#2996ff;">选择</Button>
                            </a>
                            <DropdownMenu slot="list">
                              <DropdownItem>驴打滚</DropdownItem>
                              <DropdownItem>炸酱面</DropdownItem>
                              <DropdownItem>豆汁儿</DropdownItem>
                              <DropdownItem>冰糖葫芦</DropdownItem>
                              <DropdownItem>北京烤鸭</DropdownItem>
                            </DropdownMenu>
                          </Dropdown>
                        </template>
                      </div>
                    </td>
                    <td>
                      <div class="ivu-table-cell">修改完成时间</div>
                    </td>
                    <td>
                      <div class="ivu-table-cell">
                        <p>第一次分公司二审：2018-09-15 9:00</p>
                        <p>第二次分公司二审：2018-09-15 16:00</p>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <template>
          <Table border :columns="columns1" :data="data1" style="margin-top:10px;"></Table>
          <div style="border:1px solid #e8eaec;border-top:0;text-align:center;padding:10px 0;">
            <Button type="primary" style="margin-right:12px;width:80px;">添加</Button>
            <Button type="error" class="btnwidth">删除</Button>
          </div>
        </template>
        <div class="ivu-table-wrapper" style="margin-top:10px;">
          <div class="ivu-table ivu-table-default ivu-table-border">
            <div class="ivu-table-header">
              <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <thead>
                  <th style="text-align:center">
                    <div class="ivu-table-cell">报告（正文、附图附件附表）</div>
                  </th>
                </thead>
              </table>
            </div>
            <div class="ivu-table-body">
              <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tbody class="ivu-table-tbody">
                  <tr class="ivu-table-row">
                    <td>
                      <div class="ivu-table-cell">可上传多个文件
                        <template>
                          <Upload multiple action="//jsonplaceholder.typicode.com/posts/" style="display:inline-block;">
                            <Button icon="ios-cloud-upload-outline" style="color:#2996ff">上传</Button>
                          </Upload>
                        </template>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="but">
          <Row>
            <Col span="18">
            <Button type="primary" class="btnwidth">打印</Button>
            </Col>
            <Col span="2" style="text-align:right;">
            <Button type="primary" class="btnwidth">保存</Button>
            </Col>
            <Col span="2" style="text-align:right;">
            <Button type="primary" class="btnwidth" @click="firsttrial">提交二审</Button>
            </Col>
            <Col span="2" style="text-align:right;">
            <Button style="width:80px;background:#999999;color:#fff;">提交初审</Button>
            </Col>
          </Row>
        </div>
      </Card>
    </devArticle>
  </div>
</template>
<script type="text/javascript">
export default {
  data() {
    return {
      columns1: [{
        align: 'center',
        title: '分公司二审修改清单',
        children: [{
            type: 'selection',
            width: 60,
            align: 'center'
          },
          {
            type: 'index',
            title: '序号',
            width: 80,
            align: 'center',
            key: 'num'
          },
          {
            title: '分公司二审意见',
            key: 'advice',
            align: 'center'
          },
          {
            title: '修改说明',
            key: 'modify',
            align: 'center'
          }
        ]
      }],
      data1: [{
          advice: '',
          modify: ''
        },
        {
          advice: '',
          modify: ''
        },
        {
          advice: '',
          modify: ''
        },
        {
          advice: '',
          modify: ''
        },
        {
          advice: '',
          modify: ''
        }
      ]


    }
  },
  methods: {
    firsttrial() {
      this.$router.push('/My/firstTrial')
    }
  }
}

</script>
<style scoped>
.ivu-table-cell {
  text-align: center;
}
.ivu-table-cell p {
  text-align: left;
}
.but {
  padding: 20px 0 36px 0;
  border-bottom: 1px solid #e8eaec;
}
.btnwidth {
  width: 80px;
}

</style>
